 
$(function() {
	changesize();
	function changesize(){
		$('.banner').height($(document).width()/3.266);
		$('.lba').height($(document).width()/3.266);
		$('.lba li').height($(document).width()/3.266);
	}
	$(window).resize(function(){
	 	changesize();
	});
	 
	var _index = 0;
	var timer;
	$(".banner .lba li").eq(0).show().siblings().hide();
	showTime();
	//鼠标点击左侧的箭头
	$('.btn1').click(function() {
		clearInterval(timer);
		if(_index == 0) {
			_index = 3; //注意此时_index的值
		}
		_index--;
		 Show();
    	showTime();
	});
	//鼠标点击右侧的箭头
	$('.btn2').click(function() {
		clearInterval(timer);
		if(_index == 2) {
			_index = -1; //注意此时_index的值
		}
		_index++;
		Show();
		showTime();
	});
	function showTime(){
	  //定时器
	  timer = setInterval(function(){
	    //调用一个Show()函数
	    Show();
	    _index++;
	    //当图片是最后一张的后面时，设置图片为第一张
	    if(_index==3){
	      _index=0;
	    }
	  },2000);
	}
 
	//创建一个Show函数
	function Show(){
	  //在这里可以用其他jquery的动画
	  $('.banner .lba li').eq(_index).fadeIn(1000).siblings().fadeOut(1000);
	}
	
	$(".banner").hover(function(){
	 	$('.banner .btn').fadeIn(500);
	},function(){
	 	$('.banner .btn').fadeOut(500);
	})
	 
});